table[border=&quot;1&quot;] {
  border-collapse:collapse;
  margin:10px;
}

table[border=&quot;1&quot;],
table[border=&quot;1&quot;] th,
table[border=&quot;1&quot;] td {
  border:1px solid #bbb;
  padding:2px 7px;
}

td {vertical-align:top}

table[border=&quot;1&quot;] th {
  background-color:#fafafa;
  font-weight:700;
  text-align:left;
}

table.config {background-color:#FFF0A0}

table.config td,
table.config th {border-color:#333}

table.config th {
  background-color:#333;
  color:white;
}

/* Blocks */
.catatan {
  display:block;
  text-align:left;
  background-color:#FFFAC1;
  font:italic normal 14px Georgia,Serif;
  color:#222;
  position:relative;
  margin:10px 7%;
  padding:20px 30px;
  text-shadow:none;
}

.catatan:before {
  content:&quot;&quot;;
  width:100%;
  height:4px;
  background-color:#4b8db5;
  background-image:-webkit-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-moz-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-ms-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-o-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  position:absolute;
  top:0;
  left:0;
}

.catatan code {font-style:normal}
.catatan h2:first-child {margin-top:0}

.catatan.resource {
  margin:10px auto;
  width:auto;
  font:normal normal 13px Tahoma,Arial,Sans-Serif;
  padding:10px 20px;
  background-color:#eee;
}

.catatan.resource img {
  border:2px solid #aaa !important;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

.update {
  color:#A73B3B;
  margin-left:1em;
  margin-right:1em;
  border-top:1px solid;
  border-bottom:1px solid;
  padding:1em 1.5em;
}

.greenbox {
  background-color:#4AB846;
  background-image:-webkit-linear-gradient(top,#4AB846,#3A9838);
  background-image:-moz-linear-gradient(top,#4AB846,#3A9838);
  background-image:-ms-linear-gradient(top,#4AB846,#3A9838);
  background-image:-o-linear-gradient(top,#4AB846,#3A9838);
  background-image:linear-gradient(top,#4AB846,#3A9838);
  padding:7px 15px;
  font:italic bold 12px Arial,Sans-Serif;
  color:white;
  text-shadow:0 -1px 0 rgba(0,0,0,.4);
  -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0px 1px 2px 0 rgba(0,0,0,.7);
  -moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0px 1px 2px 0 rgba(0,0,0,.7);
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),0px 1px 2px 0 rgba(0,0,0,.7);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}



.alert,
.instruction {
  background-color:#FFBABA;
  color:#D8000C;
  border:1px solid;
  padding:5px 12px;
  margin:15px 20px;
  font:normal normal 12px Arial,Sans-Serif;
}

.instruction {
  background-color:#DFF2BF;
  color:#4F8A10;
}

.block {
  border:2px solid #888;
  background-color:#ccc;
  padding:6px 10px;
  margin:0 14px;
  -webkit-box-shadow:inset 0 -1px 1px rgba(0,0,0,.2);
  -moz-box-shadow:inset 0 -1px 1px rgba(0,0,0,.2);
  box-shadow:inset 0 -1px 1px rgba(0,0,0,.2);
}